.qux-switch{
    cursor: pointer;
    position: relative;

    .qux-switch-cntr{
        position: absolute;
        top:0px;
        left:0px;
        width: 100%;
        height: 100%;
        overflow: hidden;

        &.qux-switch-cntr-thin{
            height: 50%;
            top: 50%;
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .qux-switch-on{
            position: absolute;
            width: 100%;
            height: 100%;
            top:0px;
            left:-100%;
            transition: all 0.3s;
        }

        .qux-switch-off{
            position: absolute;
            width: 100%;
            height: 100%;
            top:0px;
            left:0%;
            transition: all 0.3s;
        }
    }

    .qux-switch-handle{
        position: absolute;
        top:0px;
        left:0px;
        transition: all 0.3s;
        border:1px solid transparent;
    }


    &.qux-active {
        .qux-switch-handle{
            position: absolute;
            top:0px;
            left:auto;
            right: 0px;
        }

        .qux-switch-on{
            left:0%
        }

        .qux-switch-off{
            left:100%;
        }
    }


}